<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>人员添加</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="../../assets/i/favicon.png" />
    <link rel="stylesheet" href="../../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../../assets/css/basic.css" />
    <link rel="stylesheet" href="../../assets/css/app.css" />
    <style>
        header, header div{ height: 44px !important; }
        header div a{ display: inline-block; height: 44px !important; line-height: 44px; font-size: 1.8rem; }
        .am-u-sm-4{ width: 29%; }
        #kuai-form label{ padding-right: 0; }
        #kuai-form div{ padding-left: 0; }
        #kuai-form .am-u-sm-8 input{ width: 70%; }
        #kuaikuai-top img{ margin-left: 20px;}
        #kuaikuai-top button.am-btn{ border-radius: 5px; background: url("../../assets/i/icon/btn.png") no-repeat; width: 100px; height: 32px; padding: 0; }
    </style>
</head>
<body>
<header class="am-header am-header-default">
    <div class="am-header-left am-header-nav">
        <a href="./userList.html" class=""><i class="icon-left"></i>返回</a>
    </div>
    <div class="am-header-right am-header-nav">
        <a href="./userList.html" class="">完成</a>
    </div>
</header>

<nav id="kuaikuai-top">
    <div class="user-bg" style="background:url('../../assets/i/bg-1.png') no-repeat; background-size:cover;">
        <div class="mid">
            <img src="../../assets/i/examples/user.png" class="img-avatar" />
            <button type="submit" class="btn am-btn am-btn-lg am-btn-block">上传头像</button>
        </div>
    </div>
</nav>

<section id="kuai-form">
    <form action="#" class="am-form am-form-horizontal">
        <div class="am-form-group">
            <label for="doc-ipt-1" class="am-u-sm-4 am-form-label">名&nbsp;&nbsp;&nbsp;&nbsp;称</label>
            <div class="am-u-sm-8">
                <input type="text" id="doc-ipt-1" placeholder="">
            </div>
        </div>

        <div class="am-form-group">
            <label for="doc-ipt-2" class="am-u-sm-4 am-form-label">联系电话</label>
            <div class="am-u-sm-8">
                <input type="tel" id="doc-ipt-2" placeholder="">
            </div>
        </div>

        <div class="am-form-group">
            <label for="doc-ipt-3" class="am-u-sm-4 am-form-label">岗&nbsp;&nbsp;&nbsp;&nbsp;位</label>
            <div class="am-u-sm-8">
                <input type="text" id="doc-ipt-3" placeholder="">
            </div>
        </div>
    </form>
</section>

<section id="kuaikuai-btn" class="kuaikuai-btn-lg">
    <button type="submit" class="btn am-btn am-btn-danger am-btn-lg am-btn-block">删除</button>
</section>

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../../assets/js/jquery.min.js" type="text/javascript"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="../../assets/js/jquery.min-1.11.1.js" type="text/javascript"></script>
<![endif]-->
<script src="../../assets/js/amazeui.min.js" type="text/javascript"></script>
<script src="../../assets/js/amazeui.widgets.helper.min.js" type="text/javascript"></script>
<script src="../../assets/js/handlebars.min.js" type="text/javascript"></script>
<script src="../../assets/js/zepto.min.js" type="text/javascript"></script>
<script src="../../assets/js/touch.js" type="text/javascript"></script>
<script src="../../assets/js/kuaikuai.js" type="text/javascript"></script>
</body>
</html>